<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>账户管理</title>
		<link type="text/css" href="../css/global.css" rel="stylesheet" />
		<link type="text/css" href="../css/detail.css" rel="stylesheet" />
		<link type="text/css" href="../css/jqueryui/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
		<!--[if IE]>
   			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<script type="text/javascript" src="../js/lib/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery-ui-1.8.23.custom.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.ptTimeSelect.js"></script>
		<script type="text/javascript" src="../js/lib/jHtmlArea-0.7.5.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.validate.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.validate.messages_cn.js"></script>
		<script type="text/javascript" src="../js/base/validate-info.js"></script>
		<script type="text/javascript" src="../js/base/common.js"></script>
		<script type="text/javascript" src="../js/base/function.js"></script>
		<script type="text/javascript" src="../js/account-manage.js"></script>
	</head>
	<body>
		<div class="header">
			<div class="title">
				<img src="../imgs/173logo.png" />
				<span>抢吧-后台管理</span>
			</div>
		</div>
		<div class="container">
			<div class="main clearfix">
				<div class="sidebar fl">
					<div class="manage-nav">
						<h3 class="fs18 fb">管理目录</h3>
						<div class="nav-main">
							<div class="title hand"><em></em>管理后台</div>
							<ul>
								<li><a href="active-list.html">活动列表</a></li>
								<li><a href="active-blacklist.html">活动黑名单</a></li>
								<li><a href="account-manage.html">账号管理</a></li>
								<li><a href="data-statistics.html">数据统计</a></li>
							</ul>
							<div class="ft-line"></div>
						</div>
					</div>
					<div class="now-user">
						<h2 class="fb">当前登录用户</h2>
						<div class="user-info">
							<label>账号：</label>
							<span>king</span>
						</div>
						<div class="oper">
							<a id="updatePasswordLink" href="javascript:void(0);">修改密码</a>
							<a href="javascript:void(0);" id="logout-link">退出</a>
						</div>
						<div class="last-login-time">
							<p>上次登录IP:</p>
							<p class="gray pl10">2012-03-20 17:50:20</p>
						</div>
						<div class="login-ip mt10">
							<p>登录IP：</p>
							<p class="gray pl10">218.59.66.108</p>
						</div>
					</div>
				</div>
				<div class="container2 fl">
					<div class="main">
						<h4><span>用户信息管理</span></h4>
						<section class="sth-form2 hd mt10 clearfix">
							<form action="" method="">
								<div class="item">
									<label>账号名称：</label>
									<input type="text" placeholder="请输入文字">
								</div>
								<div class="item">
									<label>
										<span>所属部门：</span>
									</label>
									<input type="text" placeholder="请输入文字">
								</div>
								<div class="item">
									<label>
										<span>用户姓名：</span>
									</label>
									<input type="text" placeholder="请输入文字">
								</div>
								<div class="item">
									<label>
										<span>账号类型：</span>
									</label>
									<select>
										<option>-请选择-</option>
										<option>普通账号</option>
										<option>管理员账号</option>
									</select>
								</div>
								<div class="item">
									<label>
										<span>使用状态：</span>
									</label>
									<select>
										<option>-请选择-</option>
										<option>普通账号</option>
										<option>管理员账号</option>
									</select>
								</div>
								<div class="item oper">
									<input type="reset" class="btn btn3" value="重置" />
									<input type="submit" class="btn btn2" value="查询" />
								</div>
							</form>
						</section>
						<div class="content">
							<div class="cont mt10">
								<table cellspacing="0" border="1" width="100%">
									<thead>
										<tr>
											<th width="50">选择</th>
											<th width="140">登陆账号</th>
											<th width="140">用户姓名</th>
											<th width="140">所属部门</th>
											<th width="140">账号类型</th>
											<th width="60">状态</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr class="odd">
											<td><input type="checkbox" name="admin-id" value="1" /></td>
											<td>LC7890</td>
											<td>动感胡歌</td>
											<td>用户中心</td>
											<td>普通账号</td>
											<td>正常</td>
											<td>
												<a href="javascript:void(0);" class="update-userinfo-link">修改</a>
												<a href="javascript:void(0);" class="is-reset-password">重置密码</a>
											</td>
										</tr>
										<tr class="even">
											<td><input type="checkbox" name="admin-id" value="2" /></td>
											<td>LC7890</td>
											<td>动感胡歌</td>
											<td>用户中心</td>
											<td>普通账号</td>
											<td>正常</td>
											<td>
												<a href="javascript:void(0);" class="update-userinfo-link">修改</a>
												<a href="javascript:void(0);" class="is-reset-password">重置密码</a>
											</td>
										</tr>
										<tr class="odd">
											<td><input type="checkbox" name="admin-id" value="3" /></td>
											<td>LC7890</td>
											<td>动感胡歌</td>
											<td>用户中心</td>
											<td>普通账号</td>
											<td>正常</td>
											<td>
												<a href="javascript:void(0);" class="update-userinfo-link">修改</a>
												<a href="javascript:void(0);" class="is-reset-password">重置密码</a>
											</td>
										</tr>
										<tr class="no-results">
											<td colspan="100%">未查询到结果！</td>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="ft mt10 clearfix">
								<div class="fl">
									<span class="mr10">
										<input type="checkbox" class="checked-all" />全选
									</span>
									<span class="oper">
										<input class="btn btn2 add-userinfo-link" type="button" value="添加" />
										<input class="btn btn2 is-delete" type="button" value="删除" />
										<input class="btn btn2" type="button" value="锁定" />
										<input class="btn btn2" type="button" value="解锁" />
									</span>
								</div>
								<div class="page fr">
									<a class="pre" href="javascript:void(0);"><<</a>
									<span>1</span>
									<a href="javascript:void(0);">2</a>
									<a href="javascript:void(0);">3</a>
									<a href="javascript:void(0);">4</a>
									<a class="next" href="javascript:void(0);">>></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 弹出层 -->
		<!-- 添加用户 -->
		<div id="add-userinfo" title="添加用户" class="hidden">
			<form action="" method="">
				<fieldset>
					<p class="validate-tips hidden"></p>
					<p class="item">
						<label for="account-name1">账号名称：</label>
						<input type="text" name="account-name1" id="account-name1" class="text ui-widget-content ui-corner-all" placeholder="请输入文字" />
					</p>
					<p class="item">
						<label for="depart">所属部门：</label>
						<input type="text" name="depart1" id="depart1" class="text ui-widget-content ui-corner-all" placeholder="请输入文字" />
					</p>
					<p class="item">
						<label for="username1">用户姓名：</label>
						<input type="text" name="username1" id="username1" class="text ui-widget-content ui-corner-all" placeholder="请输入文字" />
					</p>
					<p class="item">
						<label>账号类型：</label>
						<select>
							<option>-请选择-</option>
							<option>普通账号</option>
							<option>管理员账号</option>
						</select>
					</p>
				</fieldset>
			</form>
		</div>
		<!-- 修改用户 -->
		<div id="update-userinfo" title="修改用户" class="hidden">
			<form action="" method="">
				<fieldset>
					<p class="validate-tips hidden"></p>
					<p class="item">
						<label>账号名称：</label>
						<span>LC0921</span>
					</p>
					<p class="item">
						<label for="depart">所属部门：</label>
						<input type="text" name="depart2" id="depart2" class="text ui-widget-content ui-corner-all" />
					</p>
					<p class="item">
						<label for="username">用户姓名：</label>
						<input type="text" name="username2" id="username2" class="text ui-widget-content ui-corner-all" />
					</p>
					<p class="item">
						<label>账号类型：</label>
						<select>
							<option>-请选择-</option>
							<option>普通账号</option>
							<option>管理员账号</option>
						</select>
					</p>
				</fieldset>
			</form>
		</div>
	</body>
</html>


